<template>
<table>
<thead>
<tr>
        <td>教职工编号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
        <td>家庭住址</td>
        <td>手机号</td>
    </tr>
</thead>
    <tbody>
        <tr v-for="i in teacher">
        <td>{{i.Tid}}</td>
        <td>{{i.Name}}</td>
        <td>{{i.Sex}}</td>
        <td>{{i.Age}}</td>
        <td>{{i.Addr}}</td>
        <td>{{i.Phone}}</td>
    </tr>
    </tbody>
     
    
</table>
</template>
<script  setup lang="ts">
import { ref } from "vue";
const teacher = ref([
    {
        Tid:1001,
        Name:"王思源",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1002",
        Name:"侯鑫",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1003",
        Name:"贺爱泽",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1004",
        Name:"项天佑",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1005",
        Name:"马丽娜",
        Sex:"女",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1006",
        Name:"李明",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1007",
        Name:"杨楠",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1008",
        Name:"刘宁飞",
        Sex:"男",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    {
        Tid:"1009",
        Name:"韩宝红",
        Sex:"女",
        Age:"22",
        Addr:"顺义区",
        Phone:"19972969026",
    },
    
])


</script>